<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Thống kê</a></li>
		<li><a href="#tabs-2">Tra Cứu</a></li>
		
	</ul>
    <div id="tabs-1">
        
        <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    </div>
    <div id="tabs-2">
        
        <div class="box-content">
            	
            <fieldset>
            <legend>Thông tin tra cứu</legend>
            <form action="/online/lookup/hosotracuu/index" method="post" name="frmTraCuuHoSo" id="frmTraCuuHoSo">
            <table cellspacing="1" class="admintable" width="100%">
                    <tbody>
                            <tr>
                                    <td class="key" nowrap="nowrap"><dt id="linhvuc-label"><label for="linhvuc" class="form-label optional">Lĩnh Vực</label></dt>
            </td>
                                    <td>
                                        <select name="linhvuc" id="linhvuc" width="30" autocomplete="off" class="form-field auto">
                                            <option value="1">Đường Bộ</option>
                                            <option value="2">Đường Thủy</option>                                            
                                        </select>		<span></span>
                                    </td>
                            </tr>
                            <tr>
                                    <td class="key"><dt id="donvi-label"><label for="donvi" class="form-label optional">Đơn Vị</label></dt>
            </td>
                                    <td>
                                        <select type="text" name="donvi" id="donvi" autocomplete="off" class="form-field auto">	
                                            <option value="1">Công ty An Việt</option>
                                            <option value="2">Công ty Hoàng Oanh</option>   
                                        </select>
                                        <span></span>
                                    </td>
                            </tr>
                            <tr>
                                    <td width="100" class="key"><dt id="thuocloaituvan-label"><label for="thuocloaituvan" class="form-label optional">Thuộc Loại tư vấn</label></dt>
            </td>
                                    <td>
            <select type="text" name="thuocloaituvan" id="thuocloaituvan" autocomplete="off" class="form-field auto">	
                <option value="1">Tư vấn thiết kế</option>
                <option value="2">Tư vấn giám sát</option>   
            </select><span></span>
                                    </td>
                            </tr>
                            <tr>
                                    <td valign="top"></td>
                                    <td>			
                                    <input id="validate" class="button themed" type="submit" value="Tra cứu" name="search">
                                    <input id="reset" class="button red" type="reset" value="Làm lại" name="reset">
                                    </td>
                            </tr>			
                    </tbody>
            </table>
            </form>
            </fieldset>
            <div id="div-dialog-ketquatracuu"></div>
            </div>
    </div>
</div>
<script>
    $( "#tabs" ).tabs();
   
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Thống kê xử lý hồ sơ, đơn vị tư vấn - năm 2014'
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            categories: [
                'Tháng 1',
                'Tháng 2',
                'Tháng 3',
                'Tháng 4',
                'Tháng 5',
                'Tháng 6',
                'Tháng 7',
                'Tháng 8',
                'Tháng 9',
                'Tháng 10',
                'Tháng 11',
                'Tháng 12'
            ]
        },
        yAxis: {
            min: 0,
            title: {
                text: ''
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: 'Hồ sơ tư vấn',
            data: [49, 71, 106, 129, 144, 176, 135, 148, 216, 194, 95, 54]

        }, {
            name: 'Đơn vị tư vấn',
            data: [83, 78, 98, 93, 106, 84, 105, 104, 91, 83, 106, 92]

        }]
    });
});
</script>

<script src="/js/highcharts.js"></script>
<script src="/js/exporting.js"></script>